<template>
  <swiper>
         <swiper-item v-for="item in banners" :key = "item.index">
            <a :href="item.link">
               <img :src="item.image" alt="" @load="imageLoad">
            </a>
         </swiper-item>
    </swiper>
</template>

<script>
import {Swiper, SwiperItem} from '../../../components/common/swiper/index.js'
//import Swiper from '../../../components/common/swiper/Swiper'
//import SwiperItem from '../../../components/common/swiper/SwiperItem'
export default {
  name:'HomeSwiper',
  props:{
    banners:{
        type:Array,
        default(){
            return []
        }
    }
  },
  data(){
    return{
      isLoad:false
    }
  },
  components: {
    Swiper,
    SwiperItem
},
methods: {
  imageLoad() {
    if(!this.isLoad)
    {
      this.$emit('swiperImageLoad')
      this.isLoad = true
    }
  }
}
}
</script>

<style scoped>

</style>